<template>
  <view>
    <view class="inp_view" :style="{background:bgcolor}">
      <view class="inp":style="{borderRadius:reduis}" @click="gotoSeach" ></view> 
      <image class="inp_img " src='../../static/image.png' @click="gotoSeach"></image>
      <text @click="gotoSeach">搜索</text>
    </view>
  </view>
</template>

<script>
  export default {
    name:"my_search",
    props:{
      bgcolor:{
        type:String,
        default:'#FF0000'
      },
      reduis:{
        type:Number,
        default:18
      }
    },
    data() {
      return {
        
      };
    },
    methods:{
      gotoSeach() {
         uni.navigateTo({
           url:'/subpkg/seach/seach'
         })
      }
    }
  }
</script>

<style lang="scss">
.inp_view {
  width: 100%;
  height: 70rpx;
  padding: 14rpx 0;
  
  .inp {
    height: 100%;
    margin: 0 22rpx;
    border-radius: 32rpx;
    position: relative;
    background-color: #ffff;
  }
  .inp_img {
    width: 30rpx;
    height: 30rpx;
    top: 36rpx;
    left: 45%;
    z-index: 1000;
    position: absolute;
  }
  text {
    top: 30rpx;
    right:42%;
    z-index: 999;
    position: absolute;
    font-size: 30rpx;
  }
}
</style>